.xlm-switch {
  display: inline-block;
  
  .switch-track {
    position: relative;
    width: 80rpx;
    height: 40rpx;
    background-color: #ddd;
    border-radius: 20rpx;
    transition: all 0.3s;
    
    &--active {
      background-color: #ff6b35;
    }
  }
  
  .switch-thumb {
    position: absolute;
    left: 2rpx;
    top: 2rpx;
    width: 36rpx;
    height: 36rpx;
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.3s;
    box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
    
    &--active {
      transform: translateX(40rpx);
    }
  }
}